<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>product</title>
    <link href="../assets/bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="../assets/bower_components/fontawesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="../assets/css/style.css" rel="stylesheet">
    <link href="../assets/css/style-responsive.css" rel="stylesheet">

</head>
<body>
<div class="pre-header">
    <div class="container">
        <div class="row">
            <div class="col-md6 col-sm-6 logo"><img src="../assets/img/index/logo.png" alt="maxgaming logo"/></div>
            <div class="col-md6 col-sm-6">
                <ul class="list-unstyled list-inline pull-right">
                    <li>
                        <div class="input-group">
                            <a href="message.html" class="contact">Contact Us</a>
                        </div>
                    </li>
                    <li>
                        <form action="#">
                            <div class="input-group">
                                <input type="text" class="form-control search-input input-sm" placeholder="search">
                                <span class="input-group-btn search-span">
                                    <button type="submit" class="btn input-sm search-btn"><i class="fa fa-search"></i>
                                    </button>
                                </span>
                            </div>
                        </form>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="header">
    <div class="container">
        <nav class="navbar navbar-inverse" role="navigation">
            <div class="navbar-header">
                <button data-target="#navbar-collapse" data-toggle="collapse" class="navbar-toggle" type="button">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div id="navbar-collapse" class="collapse navbar-collapse">
                <ul class="nav navbar-nav">
                    <li><a href="../index.html">Home</a></li>
                    <li><a href="aboutus.html">About Us</a></li>
                    <li><a href="product.html">Bet Monitoring</a></li>
                    <li><a href="product.html">Loyalty System</a></li>
                    <li><a href="product.html">Jackpots</a></li>
                    <li><a href="product.html">Hardware</a></li>
                    <li><a href="product.html">Data & Reports</a></li>
                    <li><a href="news.html">News</a></li>
                </ul>
            </div>
        </nav>
    </div>
</div>
<div class="page-slider">
    <div id="slider_container" class="slider-container">
        <!-- Loading Screen -->
        <div u="loading" class="loading">
            <div class="transparent"></div>
            <div class="loading-img">
            </div>
        </div>
        <!-- Slides Container -->
        <div u="slides" class="slides">
            <div>
                <img u="image" src="../assets/img/index/slider/Home_1.jpg"/>
                <div style="color: #ffffff; font-size: 60px; font-weight: bolder; height: 60px; line-height: 60px; padding: 5px; position: absolute; text-align: center; top: 180px; width: 100%;">
                    Bet monitoring software
                </div>
                <div style="color: #ffffff; font-size: 21px; height: 40px; line-height: 20px; padding: 5px; position: absolute; text-align: center; top: 270px; width: 100%;">
                    Check out our super user friednly bet monitoring software to <br/>
                    manage bets lorem ipsum dolor sit met
                </div>
            </div>
            <div>
                <img u="image" src="../assets/img/index/slider/Home_2.jpg"/>
                <div style="color: #ffffff; font-size: 60px; font-weight: bolder; height: 60px; line-height: 60px; padding: 5px; position: absolute; text-align: center; top: 330px; width: 100%;">
                    SOUTH EAST ASIA TRIP
                </div>
                <div style="color: #ffffff; font-size: 23px; font-weight: bold; height: 40px; line-height: 20px; padding: 5px; position: absolute; text-align: center; top: 410px; width: 100%;">
                    Cambodia - Laos - Tailandia - Malasia - Singapura
                </div>
            </div>
            <div>
                <img u="image" src="../assets/img/index/slider/Home_3.jpg"/>
                <div style="position: absolute; width: 100%; height: 40px; top: 230px;padding: 5px;
                    text-align: center; line-height: 40px; text-transform: uppercase; font-size: 40px;font-weight: bold;letter-spacing:0.1em;
                        color: #FFFFFF;">IT'S UP TO YOU
                </div>
                <div style="position: absolute; width: 100%; height: 60px; top: 280px; padding: 5px;
                    text-align: center; line-height: 60px; font-size: 70px;font-weight:bolder;letter-spacing: 0.1em;
                        color: #FFFFFF;">
                    NEW YORK!
                </div>
                <div style="color: #ffffff; font-size: 21px; font-weight: bold; height: 40px; letter-spacing: 0.1em;
                line-height: 20px; padding: 5px; position: absolute; text-align: center; top: 355px; width: 100%;">
                    Bronx, Brooklyn, Manhattan, <br/>
                    Queens e Staten Island
                </div>
            </div>
        </div>

        <!-- bullet navigator container -->
        <div u="navigator" class="jssorb21" style="">
            <!-- bullet navigator item prototype -->
            <div u="prototype"></div>
        </div>
        <!-- Bullet Navigator Skin End -->
        <!-- Arrow Left -->
        <span u="arrowleft" class="jssora21 jssora21l"></span>
        <!-- Arrow Right -->
        <span u="arrowright" class="jssora21 jssora21r"></span>
    </div>
</div>
<div class="main">
    <div class="container product-content">
        <div class="row description text-left">
            <div class="col-sm-8 col-sm-offset-2">
                <p>
                    A short description about Maxgaming ... We are the largest, we are XX years in the market. Lorem
                    ipsum door sit amet, consectetur adipiscing elit. Lorem ipsum door sit amet, consectetur adipiscing
                    elit. Lorem ipsum door sit amet, consectetur adipiscing elit. Lorem ipsum door sit amet, consectetur
                    adipiscing elit. Lorem ipsum door sit amet, consectetur adipiscing elit.A short description about
                    Maxgaming ... We are the largest, we are XX years in the market. Lorem
                    ipsum door sit amet, consectetur adipiscing elit. Lorem ipsum door sit amet, consectetur adipiscing
                    elit. Lorem ipsum door sit amet, consectetur adipiscing elit. Lorem ipsum door sit amet, consectetur
                    adipiscing elit. Lorem ipsum door sit amet, consectetur adipiscing elit.
                </p>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12 text-center get-in-touch-div">
                <a href="#" class="get-in-touch">Get in touch if you like this product</a>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-8 col-sm-offset-2 product-content-howWork">
                <div class="row">
                    <div class="col-sm-4 col-sm-offset-4 product-content-title">
                        <h3>How does it work ?</h3>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-2 product-content-img1 product-content-col">
                        <img src="../assets/img/Product template_01.gif">
                        <p>pokies machine</p>
                    </div>
                    <div class="col-sm-2 product-content-col">
                        <img src="../assets/img/Product template_02.gif">
                        <p>lorem ipsum</p>
                    </div>
                    <div class="col-sm-2 product-content-col">
                        <img src="../assets/img/Product template_03.gif">
                        <p>lorem ipsum</p>
                    </div>
                    <div class="col-sm-2 product-content-col">
                        <img src="../assets/img/Product template_04.gif">
                        <p>&nbsp;&nbsp;&nbsp;&nbsp;Data</p>
                    </div>
                    <div class="col-sm-2">
                        <img src="../assets/img/Product template_05.gif">
                        <p>information about your clients</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12 index-products product-products">
                <div class="row">
                    <div class="col-sm-12 index-products-title">
                        <h3>Other Services</h3>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-12 index-main-products ">
                        <ul class="">
                            <li>
                                <div class="index-products-description">
                                    <div class="index-products-img"><img src="../assets/img/index/Home_05.gif"/></div>
                                    <h5>Data & Reports</h5>
                                    <p>Here goes a short description about the service. Here goes a short description
                                        about the service. </p>
                                </div>
                            </li>
                            <li>
                                <div class="index-products-description">
                                    <div class="index-products-img"><img src="../assets/img/index/Home_06.gif"/></div>
                                    <h5>Jackpot</h5>
                                    <p>Here goes a short description about the service. Here goes a short description
                                        about the service. </p>
                                </div>
                            </li>
                            <li>
                                <div class="index-products-description">
                                    <div class="index-products-img"><img src="../assets/img/index/Home_07.gif"/></div>
                                    <h5>Hardware</h5>
                                    <p>Here goes a short description about the service. Here goes a short description
                                        about the service. </p>
                                </div>
                            </li>
                            <li>
                                <div class="index-products-description">
                                    <div class="index-products-img"><img src="../assets/img/index/Home_08.gif"/></div>
                                    <h5>Loyalty System</h5>
                                    <p>Here goes a short description about the service. Here goes a short description
                                        about the service. </p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="footer">
    <div class="container">
        <div class="row copyright-row">
            <div class="col-md-4 col-md-offset-1">Copyright Maxgaming 2000-2015 All rights reserved.</div>
            <div class="col-md-3"><a href="#">Private Policy Terms & Conditions </a></div>
            <div class="col-md-1"><a href="#">Contact </a></div>
            <div class="col-md-2"><img src="../assets/img/index/Home_09.gif"></div>
        </div>
    </div>
</div>

<script src="../assets/bower_components/jquery/dist/jquery.min.js"></script>
<script src="../assets/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="../assets/bower_components/jssor-slider/js/jssor.slider.mini.js"></script>
<script src="../assets/js/global.js"></script>
</body>
</html>
<script>
    $(function () {
        maxgaming.navigator.init()
        maxgaming.slider.init()
    });
</script>